<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title>Admin</title>


        <?php
        echo $html->css('estilo_admin.css');
        echo $html->css('jquery-ui-1.8.16.custom.css');
        echo $this->Html->script('jquery-1.6.2.min');
        echo $this->Html->script('jquery-ui-1.8.16.custom.min');
        echo $this->Html->script('whizzywig63.js');
        echo $this->Html->script('espanol.js');
        echo $this->Html->script('http://maps.google.com/maps/api/js?sensor=false');
        echo $this->Html->script('googleMap.js');
        ?>


    </head>

    <body style="background: #fff">
        <script type="text/javascript">
            function selectMenu(obj){
                var img_color = '<?php echo $this->Html->url("/img/", true); ?>'+$(obj).find("img").attr("class")+"_color.png";
                var img_byn = '<?php echo $this->Html->url("/img/", true); ?>'+$("#titulo_actual").find('img').attr("class")+"_byn.png";
                $("#titulo_actual").find("img").attr("src",img_byn);
                $("#titulo_actual").attr("style","");
                $(obj).attr("style","background: gray;color:#fff");
                $("#titulo_actual").attr("id","");					
                $(obj).find("img").attr("src",img_color);
                $(obj).attr("id","titulo_actual");
            }
        </script>



        <div id="contenedorAdmin">

            <div id="bloque_izq">
                <div class="titulo"><div class="imagen" id="img_principal"><?php echo $this->Html->image('home_byn.png', array('class' => 'home')) ?></div>Principal</div>
                <div class="titulo"><div class="imagen" id="img_usuario"><?php echo $this->Html->image('user_byn.png', array('class' => 'user')) ?></div>Usuario</div>
                <div class="titulo"><div class="imagen" id="img_perdidos"><?php echo $this->Html->image('browser_byn.png', array('class' => 'browser')) ?></div>Perdidos</div>
                <div class="titulo"><div class="imagen" id="img_encontrados"><?php echo $this->Html->image('browser_byn.png', array('class' => 'browser')) ?></div>Encontrados</div>
                <div class="titulo"><div class="imagen" id="img_agregar"><?php echo $this->Html->image('add_byn.png', array('class' => 'add')) ?></div>Agregar</div>                
            </div>

            <?php echo $content_for_layout; ?>
        </div>

        <script type="text/javascript">
            $(document).ready(function(){
                $(".titulo").click(function(){
                    selectMenu(this);
                });
            });
            
        </script>



    </body> 
</html>